
body { 
	padding-top: 50px; 
}
.container-fluid {
	padding: 0;
	margin: 0;
}
.ico-lg {
	font-size: 7em;
}
.main-logo {
	width: 150px;
	padding-top: 8%;
	padding-bottom: 6%;
} 
.navbar-default {
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
}
.activities-title {
	font-size: 1.5em;
	display: inline-block;
	padding-left: 10px;
}
.inline-block {
	display: inline-block;
}

/* Content Blocks 
============================================= */

.pad-vert {
	padding-top: 4%;
	padding-bottom: 4%;
}
.pad-bottom {
	padding-bottom: 5%;
}
.padding-top {
	padding-top: 5%;
}
.pad-top-lg {
	padding-top:15%;
}


/* Content Colors
============================================= */

.block-1 {
	background-color: white;
}
.block-2 {
	background-color: #40FF48; /*green*/
}
.block-3 {
	background-color: white;
}
.block-5 {
	background-color: white;
}
.footer {
	background-color: black;
	padding-bottom: 2em;
}
.blue-block {
	background-color: #44B0FF; /*blue*/
}
.text-white {
	color: #FFFFFF;
}
.text-black {
	color: #000000;
}
.text-green {
	color: #40FF48;
}
.text-blue {
	color: #44B0FF;
}
.round-container {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 1);
}

/* Event Photos Block
================================= */ 

.block-4 { 
	position:relative;   
}
.block-4 img {
	width: 100%;
}
.eventsContainer {
	position: absolute; 
  	top: 10px;
  	left: 10px;  
  	font-size: 1.5em;
}


/* Forms
================================= */

form {
	padding-top: 5%;
	padding-bottom: 5%;
}
#inputEmail {
	border-radius: 0;
}
#inputZip {
	margin-top: .5em;
	border-radius: 0;
}
.btn {
	border-radius: 0;
}
.btn-sm {
	margin-right: .1em; 
}
.modalForm {
	padding-bottom: 5%;
}
.btn-danger {
	background-color: #F70544;
	border-color: #F70544;
}
.btn-danger:hover {
	background-color: #F73E75;
	border-color: #F73E75;
}

/* Rounded Thumbnails
===================================== */

.img-round {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	max-width: 200px;

	opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;

	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;  
	-o-transition: all .2s;
}
.img-round:hover {
	border-radius: 5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;

	opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;  
	-o-transition: all .2s;
}


/* Video 
======================================= */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0; 
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	height: 100%;
}


/* Mobile Overrides / Responsive Backgrounds
=============================================== */

@media screen and (max-width: 768px){
	#hero {
		background-image: url('../images/YogaBG.jpg'); /* insert single image */
	}
	.footer {
		background-image: url('../images/BikeBG.jpg'); /* insert single image */	
	}
	.pad-vert-lg {
		padding-top: 0%;
		padding-bottom: 4%;
	}
	.running-man {
		background-color: white;
	}
	.ico-sm {
		display: inline-block;
		font-size: 1.5em;
		text-align: justify;
		margin: .1em;
		color: black;
		opacity: 1;
	}
	.thank-bg {
		background-image: url('../images/BikeBG-Mobile.jpg');
		background-color: black;
	}
}
@media screen and (min-width: 769px){
	#hero {
		background-image: url('../images/HeroDiag_LG.jpg');
	}
	.footer {
		background-image: url('../images/FooterDiag_LG.jpg');	
	}
	.pad-vert-lg {
		padding-top: 12%;
		padding-bottom: 12%;
	}
	.running-man {
		background-image: url('../images/running-man-50.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50%;
	}
	.ico-sm {
		display: inline-block;
		font-size: 2.5em;
		text-align: justify;
		margin: .2em;
		color: black;
		opacity: 1;
	}
	.thank-bg {
		background-image: url('../images/BikeBG-XL.jpg');
		background-color: black;
	}
} 

.img-background-stretch {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}


/* Main Icon list-style-type
=======================================*/

@font-face {
	font-family: 'icons-main';
	src:url('fonts/icons-main.eot?bs8de7');
	src:url('fonts/icons-main.eot?#iefixbs8de7') format('embedded-opentype'),
		url('fonts/icons-main.woff?bs8de7') format('woff'),
		url('fonts/icons-main.ttf?bs8de7') format('truetype'),
		url('fonts/icons-main.svg?bs8de7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="main-"], [class*=" main-"] {
	font-family: 'icons-main';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-Security-icon-01:before {
	content: "\e600";
}
.main-NewFriends-icon-01:before {
	content: "\e601";
}
.main-Layers-icon-01:before {
	content: "\e602";
}
.main-HourGlass-icon-01:before {
	content: "\e603";
}
.main-Door-icon-01:before {
	content: "\e604";
}
.main-Chair-icon-01:before {
	content: "\e605";
}

/* Activities Icon font
==========================================*/

@font-face {
	font-family: 'activities';
	src:url('fonts/activities.eot?-re1nt0');
	src:url('fonts/activities.eot?#iefix-re1nt0') format('embedded-opentype'),
		url('fonts/activities.woff?-re1nt0') format('woff'),
		url('fonts/activities.ttf?-re1nt0') format('truetype'),
		url('fonts/activities.svg?-re1nt0#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'activities';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-svg:before {
	content: "\e600";
}
.icon-svg2:before {
	content: "\e601";
}
.icon-svg3:before {
	content: "\e602";
}
.icon-svg4:before {
	content: "\e603";
}
.icon-svg5:before {
	content: "\e604";
}
.icon-svg6:before {
	content: "\e605";
}
.icon-svg7:before {
	content: "\e606";
}
.icon-svg8:before {
	content: "\e607";
}
.icon-svg9:before {
	content: "\e608";
}
.icon-svg10:before {
	content: "\e609";
}
.icon-svg11:before {
	content: "\e60a";
}
.icon-svg12:before {
	content: "\e60b";
}
.icon-svg13:before {
	content: "\e60c";
}
.icon-svg14:before {
	content: "\e60d";
}
.icon-svg15:before {
	content: "\e60e";
}
.icon-svg16:before {
	content: "\e60f";
}
.icon-svg17:before {
	content: "\e610";
}
.icon-svg18:before {
	content: "\e611";
}
.icon-svg19:before {
	content: "\e612";
}
.icon-svg20:before {
	content: "\e613";
}
.icon-svg21:before {
	content: "\e614";
}
.icon-svg22:before {
	content: "\e615";
}
.icon-svg23:before {
	content: "\e616";
}
.icon-svg24:before {
	content: "\e617";
}
.icon-svg25:before {
	content: "\e618";
}
.icon-svg26:before {
	content: "\e619";
}
.icon-svg27:before {
	content: "\e61a";
}
.icon-svg28:before {
	content: "\e61b";
}
.icon-svg29:before {
	content: "\e61c";
}
.icon-svg30:before {
	content: "\e61d";
}
.icon-svg31:before {
	content: "\e61e";
}
.icon-svg32:before {
	content: "\e61f";
}
.icon-svg33:before {
	content: "\e620";
}
.icon-svg34:before {
	content: "\e621";
}
.icon-svg35:before {
	content: "\e622";
}
.icon-svg36:before {
	content: "\e623";
}
.icon-svg37:before {
	content: "\e624";
}
.icon-svg38:before {
	content: "\e625";
}
.icon-svg39:before {
	content: "\e626";
}
.icon-svg40:before {
	content: "\e627";
}
.icon-svg41:before {
	content: "\e628";
}
.icon-svg42:before {
	content: "\e629";
}
.icon-svg43:before {
	content: "\e62a";
}
.icon-svg44:before {
	content: "\e62b";
}
.icon-svg45:before {
	content: "\e62c";
}
.icon-svg46:before {
	content: "\e62d";
}
.icon-svg47:before {
	content: "\e62e";
}
.icon-svg48:before {
	content: "\e62f";
}
.icon-svg49:before {
	content: "\e630";
}
.icon-svg50:before {
	content: "\e631";
}
.icon-svg51:before {
	content: "\e632";
}
.icon-svg52:before {
	content: "\e633";
}
.icon-svg53:before {
	content: "\e634";
}
.icon-svg54:before {
	content: "\e635";
}
.icon-svg55:before {
	content: "\e636";
}
.icon-svg56:before {
	content: "\e637";
}
.icon-svg57:before {
	content: "\e638";
}
.icon-svg58:before {
	content: "\e639";
}
.icon-svg59:before {
	content: "\e63a";
}
.icon-svg60:before {
	content: "\e63b";
}
.icon-svg61:before {
	content: "\e63c";
}
.icon-svg62:before {
	content: "\e63d";
}
.icon-svg63:before {
	content: "\e63e";
}
.icon-svg64:before {
	content: "\e63f";
}
.icon-svg65:before {
	content: "\e640";
}
.icon-svg66:before {
	content: "\e641";
}
.icon-svg67:before {
	content: "\e642";
}
.icon-svg68:before {
	content: "\e643";
}
.icon-svg69:before {
	content: "\e644";
}
.icon-svg70:before {
	content: "\e645";
}
.icon-svg71:before {
	content: "\e646";
}
.icon-svg72:before {
	content: "\e647";
}
.icon-svg73:before {
	content: "\e648";
}
.icon-svg74:before {
	content: "\e649";
}
.icon-svg75:before {
	content: "\e64a";
}
.icon-svg76:before {
	content: "\e64b";
}
.icon-svg77:before {
	content: "\e64c";
}
.icon-svg78:before {
	content: "\e64d";
}
.icon-svg79:before {
	content: "\e64e";
}
.icon-svg80:before {
	content: "\e64f";
}
.icon-svg81:before {
	content: "\e650";
}
.icon-svg82:before {
	content: "\e651";
}
.icon-svg83:before {
	content: "\e652";
}
.icon-svg84:before {
	content: "\e653";
}
.icon-svg85:before {
	content: "\e654";
}
.icon-svg86:before {
	content: "\e655";
}
.icon-svg87:before {
	content: "\e656";
}
.icon-svg88:before {
	content: "\e657";
}
.icon-svg89:before {
	content: "\e658";
}
.icon-svg90:before {
	content: "\e659";
}
.icon-svg91:before {
	content: "\e65a";
}
.icon-svg92:before {
	content: "\e65b";
}
.icon-svg93:before {
	content: "\e65c";
}
.icon-svg94:before {
	content: "\e65d";
}
